<!doctype html>
<html class="" lang="en">

	<head>

		<meta charset="utf-8">
		<title>Glocal</title>

		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />

		<link rel="stylesheet" href="css/jquery-ui-1.10.3.custom.min.css" />
		<link rel="stylesheet" href="css/jquery-selectbox.css" />
		<link rel="stylesheet" href="css/responsive-grid.css" />
		<link rel="stylesheet" href="css/styles.css" />
		<link rel="stylesheet" href="css/responsive.css" />

		<!--[if lt IE 9]>
			<link rel="stylesheet" href="css/styles-ie8-and-down.css" />
		<![endif]-->

	</head>

	<body>

		<header class="section">

			<div class="header-top-wrapper">
				<div class="zone-header-top zone clearfix">

					<div class="header-top-left container-8">

						<div class="user-links">
							<div class="login">
								<a href="#" id="login-link" class="login-link">Login</a>
								<form id="login-form" class="login-form">
									<input class="text-input-grey" type="text" placeholder="Login">
									<input class="text-input-grey" type="text" placeholder="Password">
									<a href="#" class="password-restore">Forgot Password?</a>
									<input class="button-2-green" type="submit" value="Login">
								</form>
							</div>
							<div class="register">
								<a href="#" id="register-link" class="register-link">Register</a>
								<form id="register-form" class="register-form">
									<input class="text-input-grey" type="text" placeholder="Login">
									<input class="text-input-grey" type="text" placeholder="Company Name">
									<input class="text-input-grey" type="text" placeholder="Contact Person Name">
									<input class="text-input-grey" type="text" placeholder="E-mail">
									<input class="text-input-grey" type="text" placeholder="Password">
									<input class="text-input-grey" type="text" placeholder="Repeat Password">
									<div href="#" class="fields-required">All Fields Are Required</div>
									<input class="button-2-green" type="submit" value="Register">
								</form>
							</div>
						</div>

					</div>

					<div class="header-top-right container-16">

						<div class="social-links block">
							<a href="http://www.facebook.com/">
								<img src="images/facebook-icon.png" alt=""/>
							</a>
							<a href="http://www.google.com/">
								<img src="images/google-icon.png" alt="" />
							</a>
							<a href="http://www.twitter.com/">
								<img src="images/twitter-icon.png" alt="" />
							</a>
							<a href="http://www.linkedin.com/">
								<img src="images/linkedin-icon.png" alt="" />
							</a>
							<a href="http://www.pinterest.com/">
								<img src="images/pinterest-icon.png" alt="" />
							</a>
							<a href="http://www.dribbble.com/">
								<img src="images/dribbble-icon.png" alt="" />
							</a>
						</div>

						<div class="languages block">
							<a href="#" class="en current">EN</a>
							<a href="#" class="fr">FR</a>
							<a href="#" class="it">IT</a>
							<a href="#" class="de">DE</a>
						</div>

					</div>

				</div><!-- end of .zone-header-top -->
			</div><!-- end of .header-top-wrapper -->

			<div class="header-wrapper">
				<div class="zone-header zone clearfix">

					<div class="header-left container-6">

						<div class="logo block">
							<a href="index-2.html">
								<img src="images/logo.png" alt="" />
							</a>
						</div>

					</div>

					<div class="header-right container-18">

						<div class="adverisement block">
							<a href="http://themeforest.net/">
								<img src="images/content/banner.jpg" alt="" />
							</a>
						</div>

					</div>

				</div><!-- end of .zone-header -->
			</div><!-- end of .header-wrapper -->

			<div class="main-menu-wrapper">
				<div class="zone-main-menu zone clearfix">

					<div class="main-menu-container container-24">

						<div class="main-menu block">
							<ul id="sf-menu">
								<li class="empty">
									<div></div>
								</li>
								<li class="first neighbour-left">
									<a href="index-2.html">HOME</a>
									<ul>
										<li class="first">
											<a href="index-street-view.html">Home (Street View)</a>
										</li>
										<li class="last">
											<a href="index-slideshow.html">Home (Slideshow)</a>
										</li>
									</ul>
								</li>
								<li class="active">
									<a href="companies-listing.html">FEATURES</a>
									<ul>
										<li class="first">
											<a href="companies-listing.html">Companies Listing</a>
										</li>
										<li class="">
											<a href="shortcodes.html">Shortcodes</a>
										</li>
										<li class="">
											<a href="company-page.html">Company Page</a>
										</li>
										<li class="">
											<a href="single-project.html">Single Project</a>
										</li>
										<li class="">
											<a href="portfolio-1.html">Portfolio (1 column)</a>
										</li>
										<li class="">
											<a href="portfolio-2.html">Portfolio (2 columns)</a>
										</li>
										<li class="">
											<a href="portfolio-3.html">Portfolio (3 columns)</a>
										</li>
										<li class="last">
											<a href="portfolio-4.html">Portfolio (4 columns)</a>
										</li>
									</ul>
								</li>
								<li class="neighbour-right">
									<a href="about-us.html">ABOUT US</a>
								</li>
								<li class="">
									<a href="price-register.html">SUBMIT LISTING</a>
								</li>
								<li class="">
									<a href="blog.html">BLOG</a>
									<ul>
										<li class="first last">
											<a href="blog-post.html">Blog post</a>
										</li>
									</ul>
								</li>
								<li class="">
									<a href="contact-us.html">CONTACT US</a>
								</li>
								<li class="last">
									<a href="index-2.html">PURCHASE THIS THEME</a>
								</li>
								<li class="empty">
									<div></div>
								</li>
							</ul>
						</div>

					</div>

				</div><!-- end of .zone-main-menu -->
			</div><!-- end of .main-menu-wrapper -->

		</header>

		<section class="section content">

			<div class="content-wrapper">
				<div class="zone-content equalize zone clearfix">

					<div class="content-container container-16">

						<div class="shortcodes block">
							<div class="block-title">
								<h1>Shortcodes</h1>
							</div>
							<div class="block-title">
								<h3>Team</h3>
							</div>
							<div class="employee-info clearfix">
								<div class="employee-info-social">
									<div class="employee-photo">
										<img src="images/content/crayons.png" alt="" />
									</div>
									<a href="http://www.facebook.com/" class="facebook"></a>
									<a href="http://www.twitter.com/" class="twitter"></a>
									<a href="http://www.google.com/" class="google"></a>
								</div>
								<div class="employee-info-description">
									<div class="name">John Doe</div>
									<div class="position">CEO</div>
									<div class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi.</div>
								</div>
							</div>
							<div class="block-title">
								<h3>Text columns</h3>
							</div>
							<div class="text-column column-full">
								<div class="title">1/1</div>
								<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi.</div>
							</div>
							<div class="text-column column-half">
								<div class="title">1/2</div>
								<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus congue.</div>
							</div>
							<div class="text-column column-half">
								<div class="title">1/2</div>
								<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus congue.</div>
							</div>
							<div class="text-column column-one-third">
								<div class="title">1/3</div>
								<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi.</div>
							</div>
							<div class="text-column column-one-third">
								<div class="title">1/3</div>
								<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi.</div>
							</div>
							<div class="text-column column-one-third">
								<div class="title">1/3</div>
								<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi.</div>
							</div>
							<div class="text-column column-one-third">
								<div class="title">1/3</div>
								<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi.</div>
							</div>
							<div class="text-column column-two-third">
								<div class="title">2/3</div>
								<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi.</div>
							</div>
							<div class="clearfix"></div>
							<div class="block-title">
								<h3>Notifications</h3>
							</div>
							<div class="notification-general">
								<div class="notification-inner">
									General Message. Your Text Goes Here.
									<a class="close" href="#"></a>
								</div>
							</div>
							<div class="notification-success">
								<div class="notification-inner">
									General Message. Your Text Goes Here.
									<a class="close" href="#"></a>
								</div>
							</div>
							<div class="notification-error">
								<div class="notification-inner">
									General Message. Your Text Goes Here.
									<a class="close" href="#"></a>
								</div>
							</div>
							<div class="notification-notice">
								<div class="notification-inner">
									General Message. Your Text Goes Here.
									<a class="close" href="#"></a>
								</div>
							</div>
							<div class="block-title">
								<h3>Pricing Tables</h3>
							</div>
							<div class="pricing-table clearfix">
								<div class="pricing-column">
									<div class="pricing-header">Bronze</div>
									<div class="pricing-cost"><span class="text-green">$15</span>/mo</div>
									<div class="pricing-cell">3 Images</div>
									<div class="pricing-cell">Standard Positioning</div>
									<div class="pricing-cell">1 Lorem Ipsum</div>
									<div class="pricing-cell">2 Adipiscing Elit</div>
								</div>
								<div class="pricing-column">
									<div class="pricing-header">Silver</div>
									<div class="pricing-cost"><span class="text-green">$25</span>/mo</div>
									<div class="pricing-cell">6 Images</div>
									<div class="pricing-cell">Extended Positioning</div>
									<div class="pricing-cell">3 Lorem Ipsum</div>
									<div class="pricing-cell">5 Adipiscing Elit</div>
								</div>
								<div class="pricing-column">
									<div class="pricing-header">Gold</div>
									<div class="pricing-cost"><span class="text-green">$35</span>/mo</div>
									<div class="pricing-cell">9 Images</div>
									<div class="pricing-cell">Extra Positioning</div>
									<div class="pricing-cell">5 Lorem Ipsum</div>
									<div class="pricing-cell">7 Adipiscing Elit</div>
								</div>
							</div>
							<div class="block-title">
								<h3>Buttons</h3>
							</div>
							<input type="submit" class="button-green" value="BIG BUTTON" />
							<input type="submit" class="button-red" value="BIG BUTTON" />
							<input type="submit" class="button-blue row-last" value="BIG BUTTON" />
							<input type="submit" class="button-grey" value="BIG BUTTON" />
							<input type="submit" class="button-violet" value="BIG BUTTON" />
							<input type="submit" class="button-orange row-last" value="BIG BUTTON" />
							<input type="submit" class="button-2-green" value="Small Button" />
							<input type="submit" class="button-2-red" value="Small Button" />
							<input type="submit" class="button-2-blue row-last" value="Small Button" />
							<input type="submit" class="button-2-grey" value="Small Button" />
							<input type="submit" class="button-2-violet" value="Small Button" />
							<input type="submit" class="button-2-orange row-last" value="Small Button" />
							<div class="block-title">
								<h3>Lists</h3>
							</div>
							<div class="text-column column-half">
								<div class="title">Bullet List</div>
								<ul class="list-bullets">
									<li>
										Lorem ipsum dolor sit amet
									</li>
									<li>
										Consectetur adipisicing elit
									</li>
									<li>
										Proin nibh augue suscipit
									</li>
									<li>
										Scelerisque sed, lacinia in
									</li>
									<li>
										Cras vel lorem
									</li>
								</ul>
							</div>
							<div class="text-column column-half">
								<div class="title">Check List</div>
								<ul class="list-check">
									<li>
										Lorem ipsum dolor sit amet
									</li>
									<li>
										Consectetur adipisicing elit
									</li>
									<li>
										Proin nibh augue suscipit
									</li>
									<li>
										Scelerisque sed, lacinia in
									</li>
									<li>
										Cras vel lorem
									</li>
								</ul>
							</div>
						</div>

					</div><!-- end of .content-container -->

					<div class="sidebar-container container-8">

						<div class="recently-added block">
							<div class="block-title">
								<h3>Recently Added</h3>
							</div>
							<ul class="entries-list">
								<li class="clearfix">
									<a href="#" class="thumbnail">
										<img src="images/content/sky.png" alt="" />
									</a>
									<a href="#" class="entry-title">Company Name</a>
									<div class="entry-excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
								</li>
								<li class="clearfix">
									<a href="#" class="thumbnail">
										<img src="images/content/text.png" alt="" />
									</a>
									<a href="#" class="entry-title">Another Company</a>
									<div class="entry-excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
								</li>
							</ul>
							<div class="two-images-banner clearfix">
								<a href="#">
									<img src="images/content/crayons.png" alt="" />
								</a>
								<a href="#">
									<img src="images/content/coins.png" alt="" />
								</a>
							</div>
						</div>

						<div class="latest-news block">
							<div class="block-title">
								<h3>Latest News</h3>
							</div>
							<ul class="entries-list">
								<li class="clearfix">
									<a href="#" class="thumbnail">
										<img src="images/content/coins.png" alt="" />
									</a>
									<a href="#" class="entry-title">Lorem Ipsum</a>
									<div class="entry-excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
								</li>
								<li class="clearfix">
									<a href="#" class="thumbnail">
										<img src="images/content/crayons.png" alt="" />
									</a>
									<a href="#" class="entry-title">Dolor Sit Amet</a>
									<div class="entry-excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
								</li>
							</ul>
							<div class="one-image-banner">
								<a href="#">
									<img src="images/content/handshake.png" alt="" />
								</a>
							</div>
						</div>

					</div><!-- end of .sidebar-container -->

				</div><!-- end of .zone-content -->
			</div><!-- end of .content-wrapper -->

		</section>

		<footer class="section">

			<div class="footer-wrapper">
				<div class="zone-footer zone clearfix">

					<div class="footer-container container-24">

						<div class="website-short-description block">
							<img src="images/logo-small.png" class="logo" alt="" />
							<div class="description-text">
								Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus leo non est. Etiam sit amet lectus quis est congue mollis.
							</div>
						</div>

						<div class="twitter-feed block">
							<h3 class="title">Recent Tweets</h3>
							<div id="twitter-feed"></div>
						</div>

						<div class="recent-posts block">
							<h3 class="title">Recent Posts</h3>
							<ul>
								<li class="first">
									<a href="#" class="text-green">Lorem ipsum dolor sit amet</a>
								</li>
								<li>
									<a href="#" class="text-green">Proin nibh augue suscipit</a>
								</li>
								<li>
									<a href="#" class="text-green">Cras vel lorem</a>
								</li>
								<li class="last">
									<a href="#" class="text-green">Quisque semper justo at risus</a>
								</li>
							</ul>
						</div>

						<div class="flickr-feed block">
							<h3 class="title">Flickr Feed</h3>
							<div id="flickr-feed"></div>
						</div>

					</div>

				</div><!-- end of .zone-footer -->
			</div><!-- end of .footer-wrapper -->

			<div class="copyright-wrapper">
				<div class="zone-copyright zone clearfix">

					<div class="copyright-left-container container-12">

						<div class="copyright block">&copy; All Rights Reserved. Design by www.uou.ch.</div>

					</div>

					<div class="copyright-right-container container-12">

						<div class="social-links block">
							<a href="http://www.facebook.com/">
								<img src="images/facebook-icon.png" alt="" />
							</a>
							<a href="http://www.google.com/">
								<img src="images/google-icon.png" alt="" />
							</a>
							<a href="http://www.twitter.com/">
								<img src="images/twitter-icon.png" alt="" />
							</a>
							<a href="http://www.linkedin.com/">
								<img src="images/linkedin-icon.png" alt="" />
							</a>
							<a href="http://www.pinterest.com/">
								<img src="images/pinterest-icon.png" alt="" />
							</a>
							<a href="http://www.dribbble.com/">
								<img src="images/dribbble-icon.png" alt="" />
							</a>
						</div>

					</div>

				</div><!-- end of .zone-copyright -->
			</div><!-- end of .copyright-wrapper -->

		</footer>

		<div id="boxed-switch" class="boxed-switch">SWITCH TO BOXED VERSION</div>

		<script type="text/javascript" src="scripts/jquery-1.10.1.min.js"></script>
		<script type="text/javascript" src="scripts/jquery-ui-1.10.3.custom.min.js"></script>
		<script type="text/javascript" src="scripts/jquery.colorbox-min.js"></script>
		<script type="text/javascript" src="scripts/jquery.selectbox-0.6.1.js"></script>
		<script type="text/javascript" src="scripts/jquery.tweet.js"></script>
		<script type="text/javascript" src="scripts/jflickrfeed.min.js"></script>
		<script type="text/javascript" src="scripts/superfish.js"></script>
		<script type="text/javascript" src="scripts/jquery.mobilemenu.min.js"></script>
		<script type="text/javascript" src="scripts/jquery.placeholder.min.js"></script>
		<script type="text/javascript" src="scripts/scripts.js"></script>

	</body>

</html>